<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>你的专属导师</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/tutor.css">
    <link rel="shortcut icon" href="https://chuangkun.oss-cn-hangzhou.aliyuncs.com/icon/favicon.ico">
    <script>
        !(function() {
            function w() {
                var r = document.documentElement;
                var a = r.getBoundingClientRect().width;
                if (a > 1080) {
                    a = 1080;
                }
                rem = a / 1080 * 300;
                r.style.fontSize = rem + "px"
            }
            var t;
            w();
            window.addEventListener("resize", function() {
                clearTimeout(t);
                t = setTimeout(w, 300)
            }, false);

        }())
    </script>
</head>

<body>
    <div id="box">
        <h1>
            <a href="javascript:void(-1);"></a>
            你的专属导师
        </h1>
        <div id="content">
            <img src="../img/tutor_a.png" alt="">
        </div>
        <div id="bottom">
            <img src="../img/tutor_b.png" alt="">
            <span></span>
            <button id="copy" class="copyBtn" data-clipboard-text="" data-clipboard-action="copy"></button>
        </div>
    </div>
    <script src="../js/jquery-1.10.2.min.js"></script>
    <script src="https://cdn.bootcss.com/clipboard.js/1.7.0/clipboard.min.js"></script>
    <script src="../js/tutor.js"></script>
    <script>
    </script>
</body>

</html>